@charset "utf-8";
.cls { zoom: 1 }
.cls:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.link:hover { text-decoration: underline }
hr { height: 0; border-left: none; border-right: 0; border-top: 1px dashed #2d2f34; border-bottom: 1px dashed #474954 }
.wrapper { width: 960px; margin: 0 auto;line-height: 40px; }
.content { padding: 50px 0; width: 100%; min-height: 720px; }
.content .wrapper { position: relative; background: url(http://p2.qhimg.com/d/inn/05a63fc5/release-bg.png) no-repeat right top }
.content .light { position: absolute; left: 55px; top: -50px; width: 152px; height: 191px; }
.content .light i { position: absolute; width: 100%; height: 100%; top: 0; background: url(http://p4.qhimg.com/t01cfdd74c38452f86c.png) no-repeat top center }
.content .main { background: url(../images/line-bg.jpg) repeat-y 249px 0 }
.content .main .title { position: absolute; line-height: 40px; padding-left: 67px; margin-left: 3px; left: 230px; top: 0; color: #3da1eb; font-size: 24px; font-weight: 400; background: url(../images/clock.jpg) no-repeat left top }
.content .main .year { position: relative; z-index: 100 }
.content .main .year h2 { height: 40px; width: 170px; padding-right: 30px; font-size: 24px; line-height: 40px; text-align: right }
.content .main .year h2 a { color: #3da1eb }
.content .main .year h2 i { display: block; position: relative; height: 0; width: 0; left: 190px; top: -20px; border-width: 6px; border-style: solid; border-color: #59a7fb transparent transparent transparent; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-transform-origin: 6px 3px; -moz-transform-origin: 6px 3px; -ms-transform-origin: 6px 3px; -o-transform-origin: 6px 3px; transform-origin: 6px 3px }
.content .main .year .list { margin: 10px 0; position: relative; overflow: hidden; -webkit-transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s; -moz-transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s; -ms-transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s; -o-transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s; transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s }
.content .main .year .list ul { bottom: 0 }
.content .main .year .list ul li { background: url(../images/circle.jpg) no-repeat 235px 31px; padding: 30px 0; color: #797979;margin-left: 4px; }
.content .main .year .list ul li .date, .content .main .year .list ul li .version { float: left; display: block; clear: left; width: 200px; line-height: 24px; text-align: right }
.content .main .year .list ul li .date { font-size: 18px; line-height: 32px; color: #bdbdbd; }
.content .main .year .list ul li .intro, .content .main .year .list ul li .more { float: left; display: block; width: 400px; margin-left: 100px; line-height: 24px }
.content .main .year .list ul li .intro { font-size: 18px; line-height: 32px; color: #ff7713; }
.content .main .year .list ul li.highlight { background-image: url(http://p4.qhimg.com/d/inn/05a63fc5/circle-h.png) }
.content .main .year .list ul li.highlight .date, .content .main .year .list ul li.highlight .intro { color: #ec6a13 }
.content .wrapper:first-child .main .year.close h2 i { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg) }
.content .wrapper:first-child .main .year.close .list { opacity: 0; height: 0 !important }
.wrapper h1{ font-size: 34px;font-weight: bold;margin-bottom: 20px;width: 960px; margin: 0 auto;}
.wrapper h2{ font-size: 34px; font-weight: 400;color: #232528; padding-top: 20px; margin-bottom: 20px;width: 960px; margin: 0 auto;}
.wrapper p{font-size: 16px;width: 960px; margin: 0 auto;}
.wrapper p img{max-width: 960px;}
.wrap a.c-white{display: none;}
.wrap .fr{display: none;}
.footer{border-top: none; }



